<template>
    <div id="homeNewsDiv">
    <div class="header">
        <div class="title">最新资讯</div>
        <div class="all" @click="clickAction">全部</div>
    </div>
        <div class="itemContent">
            <NewsListItem :isLastItem="i == (new_list.length - 1)" :new_item="newitem" v-for="(newitem , i) in new_list" type="news"/>
        </div>
    </div>
</template>

<script>
    import NewsListItem from "./NewsListItem";

    export default {
        name: "HomeNewsDiv",
        props: {
            new_list: Array,
            clickAction: Function
        },
        components:{
            NewsListItem
        }
    }
</script>

<style scoped>
#homeNewsDiv{
    margin-top: 1.3333333333333333rem;
    margin-left: 1.3333333333333333rem;
    margin-right: 1.3333333333333333rem;

}
    .header{
        flex-direction: row;
        display: flex;
        position: relative;
    }
    .title{
        height:1.6666666666666667rem;
        font-size:1.2rem;
        font-family: "PingFangSC-Medium";
        font-weight:500;
        color:rgba(18,28,50,1);
        line-height:1.6666666666666667rem;
    }
    .all{
        position: absolute;
        right: 1.3333333333333333rem;
        bottom: 0;

        width:1.7333333333333334rem;
        height:1.2333333333333334rem;
        font-size:0.8666666666666667rem;
        font-family:PingFangSC;
        font-weight:400;
        color:rgba(122,132,145,1);
        line-height:1.2333333333333334rem;


    }
.itemContent{
    margin-top: 0.72rem;
    background-color: white;
    border-radius:0.32rem;


}
</style>